<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>专题分类</title>

</head>
<body>
    <div id="myFollow">
        <!-- 接收子组件发送的信息 -->
        <div class="leftNav">
            <ul>
                <li v-for="(u, index) in users"  @click="setShowIndex(index)">
                    <a href="#" class="center">
                        <div class="headImage" :style='{"background-image":"url("+u.headImage+")"}'>
                            <span>{{u.name}}</span>
                        </div>
                        <div class="small gray" style="margin-left: 24px;">
                            <p>关注{{u.follows}}</p>
                            <p>粉丝{{u.fans}}</p>
                            <p>文章{{u.articles}}</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <my-article v-for="article in articles" :article="article"></my-article>
    </div>
    <script src="/js/myFollow.js"></script>
    <link rel="stylesheet" href="/css/myFollow.css">
</body>
</body>
</html>